<template>
	<view class="Price_piece">
		<text>已售{{Sold_out}}件</text>
		<van-progress id="progress" :percentage="Sold_out/50" pivot-text="" color="#ffffff" track-color="#4f5052" />
	</view>
</template>

<script setup lang="ts">
	defineProps({
		Sold_out: {
			type: Number,
			require: true
		}
	})
</script>

<style lang="scss" scoped>
	.Price_piece {
		width: 155px;
		height: 51px;
		color: #fff;
		font-size: 24px;
		text-align: center;

		#progress {
			width: 150px;
			margin-top: 5px;
			z-index: 1;
		}
	}
</style>